﻿body {
    font-family:"微软雅黑","PT Sans", sans-serif;
    color:#333;
    min-height: 740px;    

    background: rgb(215, 215, 215);
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 500, from(rgb(240, 240, 240)), to(rgb(190, 190, 190)));
    background: -webkit-radial-gradient(rgb(240, 240, 240), rgb(190, 190, 190));/*为兼容Chrome&safari*/
    background:    -moz-radial-gradient(rgb(240, 240, 240), rgb(190, 190, 190));/*为兼容Frifox*/
    background:     -ms-radial-gradient(rgb(240, 240, 240), rgb(190, 190, 190)); /*为兼容IE*/
    background:      -o-radial-gradient(rgb(240, 240, 240), rgb(190, 190, 190));/*为兼容Opera*/
    background:         radial-gradient(rgb(240, 240, 240), rgb(190, 190, 190));/*标准的渐变代码*/

    -webkit-font-smoothing: antialiased;
}
#dndcontainer {
    margin:20px auto;
    padding:20px;
    width:600px;
    clear:both;
}
.dndbox {
    border:2px #ccc solid;
    padding:10px;
    margin:10px;
    float:left;
    width:200px;
    height:200px;
}
input[type="button"] {
    height:35px;
    width:150px;
}
.titleshadow
{   
    font-size: 48px;
    color: #FFF; 
    text-shadow: 0 0 10px #fefcc9,
             5px -5px 15px #feec85, 	
             -10px -10px 20px #ffae34,
             10px -20px 25px #ec760c,
             -10px -30px 30px #cd4606,
             0 -40px 35px #973716,
             5px -45px 40px #451b0e;

}
nav
{    
     background: -webkit-gradient(linear, left top, right bottom, 
                             from(#6fabeb), to( #66cc00), 
                             color-stop(0.5,  #ffae34)) 
}
nav->
.bar
{
    width:100%;
    height:10px;
    background: -webkit-gradient(linear, left top, right bottom, 
                             from(#6fabeb), to( #66cc00), 
                             color-stop(0.5,  #ffae34)) 
}
body > section
{ width:100%;
    height:6px;
    background: -webkit-gradient(linear, left top, right bottom, 
                             from(#6fabeb), to( #66cc00), 
                             color-stop(0.5,  #ffae34)) 

}
body > header
{
    background: #999;
}
body > footer
{
    background: #a5a5a5;
}
mycanvas
{
    left: 100;
    top: 100;
    position:absolute;
float:left;
	


    width:100%;
    height: 100%;
    border: dot 1px #999;
}
.corner
{
    background-color: #ccc;
    border: 1px solid #000;
    padding: 10px;
-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;
-moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px;
-moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px;
-moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px;
}
.roundedCorners{
width: 220px;
padding: 6px;
background-color: #DDEEF6;
border:1px solid #aaEEF6;
 
/* Do rounding (native in Safari, Firefox and Chrome) */
-webkit-border-radius: 6px;
-moz-border-radius: 6px; 
}